<!-- vue模板 -->
<template>
<<<<<<< HEAD
=======
  <div>
    <!--多选框-->
   
    <!--表格数据-->
    <el-table :data="tableData" style="width: 100%" stripe border>
      <el-checkbox v-model="checked" label="Option" size="large" />
      <el-table-column type="index" label="序号" width="80" text-align="center"/>
      <el-table-column prop="storeName" label="所属仓库"  />
      <el-table-column prop="areaName" label="所属库区" />
      <el-table-column prop="locationName" label="货位名称" />
      <el-table-column label="操作" text-align="center">
        <template v-slot="{ row }">
          <el-button type="primary">编辑</el-button>
          <el-button type="danger">删除</el-button
          >
        </template>
      </el-table-column>
    </el-table>
  </div>
  
>>>>>>> csy
</template>

<!-- 组件逻辑-->
<script setup>
 import {ref,onMounted} from 'vue'
 import {queryLocation} from '@/api/set/location.js';
 import { useRouter } from "vue-router";
 //响应式对象
 const tableData=ref([]);
 //获取路由实例
 const router=useRouter();

 //定义请求方法
 async function init(){
  let params={
	"areaId": 0,
	"areaName": "",
	"locationName": "",
	"note": "",
	"page": 1,
	"pageSize": 10,
	"storeId": 0,
	"storeName": ""
}
  let res=await queryLocation(params);
  //判断接口状态
  if(res.code==200){
    tableData.value=res.data.list
  }
 }
 //页面渲染后
 onMounted(()=>{
  init();
 });
</script>

<!-- 组件样式 -->
<style scoped>
</style>